<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>
<script>
// 定时器

function say() {
  console.log('你好！!');
}

// setInterval -> 计时器/定时执行
// 案例：每一秒钟 说一次 '你好！'
// setInterval 定时器：每隔多长时间，执行一个回调函数
  // setInterval 作用：
    // 第一个参数为「回调函数」
    // 第二个参数 为 执行「回调函数」的间隔时间；毫秒
    // setInterval(function() {
    //   console.log('YO');
    // }, 1000);


// setTimeout -> 倒计时/多长时间后执行一次
// 案例：倒计时 1S 后， 说 一次 '你好', 再不说了
  // setTimeout 作用：
    // 第一个参数为「回调函数」
    // 第二个参数 为 多少毫秒后， 执行「回调函数」；（只能执行一次）
    // setTimeout(say, 1000);



// clearTimeout(ID)  和 clearInterval(ID)  ->  停止 对应的 定时器 的执行
// 案例：倒计时3S ，say 'boom!', 但 2S 的时候，炸弹被拆除；即不会 say 'Boom'
      // setTimeout 和 setInterval 都会 返回 “唯一ID”，
        // 若 调用 clearTimeout(ID)  和 clearInterval(ID)
          // 即会停止 ID 所对应的定时器。
      // var id = setTimeout(function() {
      //   console.log('boom~');
      // }, 3000);

      // setTimeout(function() {
      //   clearTimeout(id);
        
      //   console.log('炸弹被拆除， 不会爆炸');
      // }, 2000);
</script>